Liigu peamise sisu juurde

Veebilehe ülesehitus

Veebileht koosneb mitmest osast, mida on võimalik sildistada, andes lehe struktuurile tähenduse ja muutes koodi loetavamaks nii arendajale, otsingumootorile kui ka teistele abivahenditele. Nende kasutamine ei ole kohustuslik.1

Veebilehe päise loomiseks kasutatakse <header> <header/> märgendit. Tavaliselt sisaldab see veebilehe logo, pealkirja ja/või navigeerimiseks kasutatavaid elemente.

Erinevate lehtede vahel liikumiseks hoiame linke <nav> </nav> märgendite vahel.

Sisulõigu, mis võib olla omaette teema või lehe osa, saab esile tuua kasutatakse <section> </section> märgendeid. Sageli sisaldab see teksti, pilti või muu sisu.

Sisutükk, mida saab lugeda eraldi nt blogipostitus, ajaleheartikkel või kommentaar, saab kasutada silti <article> <article/>.

Kõik, mis lehe põhisisu ossa ei sobi (nt küljeriba, reklaam), saab lisada <aside> </aside> sildi sisse.

Lehekülje jaluseks on <footer> </footer>, kuhu saab panna autoriinfo, autoriõiguse märkus või linke

Täieliku struktuuri näide

Kokku panduna võib veebileht välja näha järgnev.

Footnotes

  1. https://www.w3schools.com/html/html_layout.asp